<template>
    <section>
        <div class="mui-slider servic-slider">
            <div class="swiper-container">
                <div class="swiper-wrapper" v-for="item in list" :key="item.id">
                    <div class="swiper-slide slider__item" v-bind:data-swiperUrl="item.url">
                        <img class="item__img" v-bind:src="item.picUrl" v-bind:alt="item.title" />
                    </div>
                </div>
                <div class="swiper-pagination slider__pagination"></div>
            </div>
        </div>
    </section>
</template>
<script>
    export default {
        replace: true,
        props: {
            list: Array
        },
        mounted() {
        },
        methods: {
        }
    };

</script>
<style>

</style>